<template>
  <div class="app-container">
    <el-tabs v-model="activeName" @tab-click="handleClick">
      <el-tab-pane label="地址管理" name="address">
        <member-address :memberId="memberId"></member-address>
      </el-tab-pane>
      <el-tab-pane label="会员积分" name="point">
        <member-point-bill :memberId="memberId"></member-point-bill>
      </el-tab-pane>
      <el-tab-pane label="会员钱包" name="wallet">
        <member-wallet-bill :memberId="memberId"></member-wallet-bill>
      </el-tab-pane>
      <el-tab-pane label="充值记录" name="recharge">
        <member-recharge :memberId="memberId"></member-recharge>
      </el-tab-pane>
      <el-tab-pane label="提现记录" name="withdraw">
        <member-withdraw :memberId="memberId"></member-withdraw>
      </el-tab-pane>
      <el-tab-pane label="会员消息" name="message">
        <member-message :memberId="memberId"></member-message>
      </el-tab-pane>
    </el-tabs>
  </div>
</template>

<script>
import MemberAddress from '../member-address/member-address'
import MemberPointBill  from '@/views/uac/member-point/member-point-bill'
import MemberWalletBill from "@/views/uac/member-wallet/member-wallet-bill.vue";
import MemberRecharge from "@/views/uac/memberRecharge/member-recharge.vue";
import MemberWithdraw from "@/views/uac/memberWithdraw/member-withdraw.vue";
import MemberMessage from "@/views/uac/message/index";
export default {
  name: "MemberInfoRouter",
  dicts: ['sys_user_sex', 'sys_is_enable'],
  props: {
    memberId: {
      type: String
    }
  },
  components: {
    MemberAddress,MemberPointBill,MemberWalletBill,MemberRecharge,MemberWithdraw,MemberMessage
  },
  data() {
    return {
      activeName: 'address',
    };
  },
  created() {

  },
  methods: {
    handleClick(tab, event) {
      console.log(tab, event);
    }
  }
};
</script>
